<template>
  <div id="footer">
    <div>
      <span><a href="">服务协议</a>|<a href="">隐私政策</a></span>
      <span>2017穿云箭授权所有</span>
      <span>联系我们hefoni@.163.com</span>
    </div>
  </div>

</template>
<script>
  export default{
      data (){
          return {

          }
      }
  }
</script>
<style scoped>
  a{
    text-decoration: none;
    color: #515151;
  }
  #footer{
    width: 100%;
    height: 70px;
    border-top: 1px solid rgba(151, 151, 151, 0.2);
  }
  #footer div{
    width: 100%;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
  }
  #footer div span{
    display: inline-block;
    vertical-align: middle;
    line-height: 70px;
  }
  #footer div span a:hover{
    color: #FF7A3F;
  }
  #footer div span:first-child{
    float: left;
    text-align: left;
    width: 23%;
    padding-left: 7%;
  }
  #footer div span:nth-child(2){
    width:40%;
    text-align: center;
  }
  #footer div span:nth-child(3){
    float: right;
    text-align: right;
    width: 23%;
    padding-right: 7%;
  }

</style>
